.admin-body{padding: 0; margin: 0; background-color: #2f4050; 
	font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", sans-serif !important; 
	line-height: 1.42857143; overflow-x: hidden; font-size: 14px; color: #333;}
.admin-body a {color: #337ab7; cursor: pointer; text-decoration: none; background-color: transparent;}
.admin-body .c_blue{color: #54b8d1;}
.admin-body .c_green{color: #57b89d;}
.admin-body .c_yellow{color: #f19c38;}
.admin-body .c_red{color: #ff0000;}
.admin-body .c_orange{color: #ff6b0a;}
.admin-body .fz16{font-size: 16px;}
.admin-body .btn{border: none; display: inline-block; border-radius: 3px; position: relative; padding: 10px 35px; margin: 10px 1px; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; outline: 0; cursor: pointer; transition:none; will-change:unset; text-decoration: none; background: transparent; outline: rgba(0,0,0,.870588) none 0;}
.admin-body .btn i{margin-right: 0; vertical-align: middle;}	
.admin-body .btn-yellow{background: #f19c38; color: #fff;}
.admin-body .btn-yellow:hover{background: #eb8c00}
.admin-body .btn-blue{background: #54b9d1; color: #fff;}
.admin-body .btn-blue:hover{background: #47acc4}
.admin-body .btn-orange{background: #ff730c; color: #fff;}
.admin-body .btn-orange:hover{background: #f16d0d}
.admin-body .btn-sblue{background: #2a52d3; color: #fff;}
.admin-body .btn-sblue:hover{background: #1a43c9}
.admin-body .btn-green{background: #57b89d; color: #fff;}
.admin-body .btn-green:hover{background: #49a58b}
.admin-body .btn-sgreen{background: #67ac5b; color: #fff;}
.admin-body .btn-sgreen:hover{background: #519446}
.admin-body .btn-gray{background: #98a4b6; color: #fff;}
.admin-body .btn-gray:hover{background: #8894a5}
.admin-body .big-btn{font-size: 20px; padding: 12px 58px;}
.admin-body .btn.mr10{margin-right: 10px;}
.admin-body .block{display: block!important;}
.admin-body .font-bold{font-weight: 600;}
.admin-body .caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.admin-body .form-control{display: block; width: calc(100% - 24px); height: 34px; padding: 4px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", "SimSun", sans-serif !important;}
.admin-body input::-webkit-input-placeholder{
    color:#ccc;
}
.admin-body input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#ccc;
}
.admin-body input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
.admin-body input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#ccc;
}
/*左侧菜单*/
.admin-body .navbar-login a{color: #adc8df;}
.admin-body .wrapper{width: 100%; overflow-x: hidden;}
.admin-body .navbar-static-side{float: left; width: 198px; border: 1px solid #E2E2E2; background-color: transparent; }
.admin-body .nav.metismenu{background: #FFF; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}
.admin-body .nav.metismenu > li{display: block; width: 100%; position: relative; }
.admin-body .nav-header{padding: 28px 15px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.admin-body .nav.metismenu > li.nav-logo{padding: 20px; width: calc(100% - 40px); max-height: 70px;}
.admin-body .nav.metismenu > li.nav-logo img{height: 100%;}
.admin-body .nav.metismenu > li.nav-header{width: calc(100% - 30px);border-bottom: 1px dotted #ddd;}
.admin-body .nav.metismenu > li > a{color: #333; font-weight: 600; padding: 14px 20px 14px 25px; display: block;}
.admin-body .navbar-static-side .nav > li > a:hover{cursor: default;} 
.navbar-static-side .nav > li > a:focus{ cursor: default;}
.admin-body .nav.metismenu > li > a i{margin-right: 6px;}
.admin-body .metismenu .fa-angle-left{float: right; line-height: 1.4;}
.admin-body ul.nav-second-level li a{font-weight: normal; display: block; color: #333;}
.admin-body ul.nav-second-level li a:hover,.admin-body ul.nav-second-level li a:focus{color: #2898F1; text-decoration: underline; cursor: pointer!important;}
.admin-body .nav.nav-second-level.collapse[style]{height: auto!important;}
.admin-body .dropdown{position: relative;}
.admin-body .rounded-circle{border-radius: 50%!important; width: 48px;}
.admin-body .nav-header a{color: #DFE4ED;}
.admin-body .nav-header .text-muted{color: #8095a8 !important;}
.admin-body .dropdown-users{position: absolute; top: 91px; left: 0px; will-change: top, left;}
.admin-body .nav.metismenu .dropdown-menu > li > a{padding: 3px 20px; display: block;}
.admin-body .dropdown-item{width: auto; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0;}
.admin-body .dropdown-divider{height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef;}
.admin-body .nav-second-level li, .nav-third-level li{border-bottom: none !important;}
.admin-body .nav > li.active > a{color: #2898F1;}
.admin-body .nav-second-level li a{padding: 7px 10px 7px 10px; padding-left: 52px; font-size: 13px;}
.admin-body .nav.nav-second-level > li.active{border: none;}
.admin-body .metismenu li.active .fa-angle-left{transform: rotate(-90deg);}
.admin-body .metismenu .collapse{display: none;}
.admin-body .metismenu .collapse.in{display: block;}
.admin-body .page-wrapper{padding: 0 0 0 15px; float: left; width: calc(100% - 215px); position: relative !important; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.admin-body .gray-bg{background: #f3f3f4;}
.admin-body.mini-navbar .logo-element{display: block;}
.logo-element{text-align: center; font-size: 18px; font-weight: 600; color: white; display: none; padding: 18px 0;}
.admin-body.mini-navbar .navbar-static-side{width: 70px;}
.admin-body.mini-navbar .navbar-static-side .nav > li > a{font-size: 16px;}
.admin-body.mini-navbar .nav-label, .admin-body.mini-navbar .navbar-static-side .nav li a span, .admin-body.mini-navbar .navbar-static-side .nav li a span .fa{display: none;}
.mini-navbar .nav .nav-second-level{position: absolute; left: 66px; top: 0; background-color: #2f4050; padding: 10px 10px 10px 10px; font-size: 12px;}
.mini-navbar .nav li.active .nav-second-level{left: 66px;}
.admin-body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level{display: none;}
.nav.nav-second-level.collapse[style]{height: auto !important;}
.mini-navbar .metismenu .collapse{opacity: 0;}
.admin-body.mini-navbar .page-wrapper{margin: 0 0 0 70px;}
.admin-body.mini-navbar .nav-header{padding: 0; background-color: #1ab394; width: 100%!important;}
.admin-body.mini-navbar .navbar-static-side .nav > li > .nav-second-level li a{font-size: 12px; border-radius: 3px;}
.admin-body.mini-navbar .display-flex{width: calc(100% - 70px); left: 70px;}
.mini-navbar .metismenu .collapse.in a{display: block;}
.mini-navbar .nav-second-level li a{padding: 10px 10px 10px 15px;}
.admin-body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level{display: block; border-radius: 0 2px 2px 0; min-width: 160px; height: auto;}
.mini-navbar .metismenu .collapse.in{opacity: 1;}
.nav-third-level li a{ padding-left: 72px;}
.nav-right-user{display: inline-block; width: calc(100% - 57px); vertical-align: top; margin-left: 5px; line-height: 48px; font-size: 16px; font-weight: bold;}
.admin-body .nav-header .nav-right-user a{color: #333;}
.admin-body .nav-header.active .nav-right-user a{color: #2898F1;}
.admin-body .nav-header .nav-right-user a:hover{text-decoration: underline;}
.nav-right-user p{line-height: 24px;}
.nav-right-user p:first-child:hover{cursor: pointer; opacity: 0.85;}
.dropdown-usertip{display: none; position: absolute; top: 55px; left: 0; z-index: 500; width: 100%; border-radius: 3px; background: #e7eaec; color: #a7b1c2;}
.dropdown-usertip li{padding: 10px 20px;}
.admin-body .dropdown-usertip li a{color: #777;}
.dropdown-usertip li a:hover{opacity: 0.85;}
.dropdown-usertip li.dropdown-divider{border-top: 1px solid #ddd; margin: 0; padding-bottom: 0; padding: 0;}
.profile-element:hover .dropdown-usertip{display: block;}
.admin-body.mini-navbar .profile-element{padding-top: 10px; text-align: center;}
.admin-body.mini-navbar .dropdown-usertip{width: 125px; text-align: left; top: 0; left: 66px; border-radius: 0 3px 3px 0;}
.admin-body.mini-navbar .nav-right-user{display: none;}
/*头部*/
.admin-body .border-bottom{border-bottom: 1px solid #e7eaec !important;}
.admin-body .display-flex{position: fixed; width: calc(100% - 220px); top: 0; left: 220px; height: 60px; margin: 0; z-index: 500;}
.admin-body .navbar.navbar-static-top{padding: 0; width: 100%; align-items: inherit;}
.admin-body .navbar-fixed-top, .navbar-static-top{background: #f3f3f4;}
.admin-body .navbar{position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem;}
.admin-body .navbar{border: 0;}
.admin-body .btn:not(:disabled):not(.disabled){cursor: pointer;}
.admin-body .minimalize-styl-2{padding: 4px 12px; margin: 14px 5px 5px 20px; font-size: 14px; float: left;}
.admin-body .navbar-form-custom{float: left; height: 50px; padding: 0; width: 200px; display: block;}
.admin-body .navbar-form-custom .form-group{margin-bottom: 0;}
.admin-body .form-control, .admin-body .single-line{background-color: #FFFFFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.admin-body .navbar-form-custom .form-control{background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 14px; height: 48px; margin: 0; z-index: 2000;}
.admin-body .nav.metismenu{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; padding-bottom: 15px; margin-bottom: 0; list-style: none;}
.admin-body .navbar-top-links li{display: inline-block; align-self: center;}
.admin-body .text-muted{color: #888888 !important;}
.admin-body .nav.navbar-right > li > a{color: #999c9e;}
.admin-body .nav.navbar-right > li > a i{font-size: 20px;}
.admin-body .nav.navbar-right > li > a:hover{opacity: 0.8;}
.admin-body .nav.navbar-top-links a{font-size: 14px;}
.admin-body .navbar-top-links li a{padding: 20px 10px; min-height: 50px;}
.admin-body .form-control, .admin-body .form-control:focus, .admin-body .has-error .form-control:focus, .admin-body .has-success .form-control:focus, .admin-body .has-warning .form-control:focus, .admin-body .navbar-collapse, .admin-body .navbar-form, .admin-body .navbar-form-custom .form-control:focus, .admin-body .navbar-form-custom .form-control:hover, .admin-body .open .btn.dropdown-toggle, .admin-body .panel, .admin-body .popover, .admin-body .progress, .admin-body .progress-bar{box-shadow: none;}
.admin-body .form-control:focus, .admin-body .single-line:focus{border-color: #1ab394; color: #495057; outline: 0;}
.admin-body .form-control.disabled{border-color: #e5e6e7;}
.admin-body .navbar-top-links li a{padding: 17px 10px; min-height: 21px; color: #999c9e; font-size: 14px;}
.admin-body .navbar-top-links li:last-child{margin-right: 30px;}
.admin-body .nav .label, .admin-body .ibox .label{font-size: 10px; -webkit-transform:scale(0.8);}
.admin-body .count-info .label{line-height: 12px; padding: 2px 5px; position: absolute; right: 6px; top: 12px;}
.admin-body .label-warning, .admin-body .badge-warning{background-color: #f8ac59; color: #FFFFFF;}
.admin-body .label-primary, .admin-body .badge-primary{background-color: #1ab394; color: #FFFFFF;}
.admin-body .navbar .dropdown-menu{margin-top: 0;}
.admin-body .navbar-top-links .dropdown-menu li{display: block;}
.admin-body .nav.navbar-top-links .dropdown-alerts a{font-size: 12px;}
.admin-body .navbar-top-links .dropdown-messages, .admin-body .navbar-top-links .dropdown-tasks, .admin-body .navbar-top-links .dropdown-alerts{width: 310px; min-width: 0;}
.admin-body .dropdown-messages, .admin-body .dropdown-alerts{padding: 10px;}
.admin-body .navbar-static-top .dropdown-menu{right: 0; left: auto;}
.admin-body .navbar-top-links .dropdown-menu li a{padding: 3px 20px; min-height: 0;}
.admin-body .welcome-message{font-size: 12px;}
.admin-body .count-info .user-img{width: 40px; margin: -15px 0; border-radius: 50%!important;}
.admin-body .dropdown-menu.show{display: block;}
.admin-body .dropdown-userbox{width: 250px;}
.admin-body .dropdown-userbox .topbar-user-header{padding:10px 15px; border-bottom: 1px solid hsla(0, 2%, 36%, 0.15);}
.admin-body .dropdown-userbox .topbar-user-avatar{border-radius: 50%!important; width: 40px;}
.admin-body .dropdown-userbox .topbar-user-header h3{font-size:12px; font-weight:400; margin: 0;}
.admin-body .dropdown-userbox .topbar-user-header .topbar-user-email{margin-left:10px; vertical-align: top; line-height: 20px; display: inline-block;}
.admin-body .dropdown-userbox .topbar-user-header .topbar-user-email span{display: block; color: #999c9e;}
.admin-body .dropdown-userbox .topbar-user-header .topbar-user-entrance-list{min-width:250px;overflow:hidden;margin-top:10px}
.admin-body .dropdown-userbox .topbar-user-body li:last-child{margin-right: 0;}
.admin-body .dropdown-userbox .topbar-user-body{padding:8px 0}
.admin-body .dropdown-userbox .topbar-user-body .topbar-user-entrance-logo-box{width:18px; text-align:center; display:inline-block; vertical-align:middle; margin-right:8px; color: #999c9e;}
.admin-body .dropdown-userbox .topbar-user-body .topbar-user-entrance-list .topbar-user-entrance-logo{font-size:14px;}
.admin-body .dropdown-userbox .topbar-user-body .topbar-user-entrance-list .topbar-user-entrance-name{vertical-align:middle}
.admin-body .dropdown-userbox .topbar-user-body .topbar-user-entrance-list a{line-height:32px;height:32px;padding:0 15px}
.admin-body .dropdown-userbox .topbar-user-body .topbar-user-entrance-list a:hover{color:#666;}
.admin-body .dropdown-userbox .topbar-user-footer{border-top: 1px solid hsla(0, 2%, 36%, 0.15);}
.admin-body .dropdown-userbox .topbar-user-footer a{display:block; height:26px; line-height:26px; text-align:center; padding: 10px;}
.admin-body .dropdown-userbox .topbar-user-footer a:hover{color:#666}
.admin-body .dropdown-alerts .dropdown-item{white-space: normal;}
.admin-body .dropdown-alerts.dropdown-menu > li > a:hover{background-color: #fff; color: #666;}
.admin-body .dropdown-alert-title{line-height: 20px;}
.admin-body .navbar-top-links .dropdown-menu.dropdown-alerts li a{padding: 3px 0px;}
.admin-body .navbar-top-links .dropdown-menu.dropdown-alerts li:last-child{margin-right: 0;}
.admin-body .link-block a:hover{color: #666;}
.admin-body .page-heading{background: #fff; border-top: 0; padding: 10px;}
.admin-body .page-heading .page-headbox{position: relative; width: 100%; min-height: 1px; }
.admin-body .page-heading .page-headbox h2{font-size: 16px; margin: 0; padding: 20px 0 10px; letter-spacing: 1px;}
.admin-body .breadcrumb{background-color: #ffffff; padding: 0; margin-bottom: 0; margin-top: 0; list-style: none;}
.admin-body .breadcrumb li{display: inline-block; margin-right: 5px;}
.admin-body .breadcrumb-item+.breadcrumb-item::before{display: inline-block; padding-right: .5rem; color: #6c757d; content: "/";}
.admin-body .breadcrumb > li a {color: inherit;}
.admin-body .small{font-size: 10px; -webkit-transform:scale(0.9); float: right;}
.admin-body .nav.navbar-right > li > a i.font-24{font-size: 24px;}
.admin-body .loginuser-exit{color: #adc8df;}
/*弹窗*/
.admin-body .modal-open .modal{overflow-x: hidden; overflow-y: auto;}
.admin-body .fade{opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear;}
.admin-body .fade.in{opacity: 1;}
.admin-body .modal{position: fixed; top: 50px; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0;}
.admin-body .modal.fade .modal-dialog{-webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%); -o-transform: translate(0,-25%); transform: translate(0,-25%);}
.admin-body .modal.in .modal-dialog{-webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.admin-body .modal-dialog{position: relative; width: auto; margin: 10px;}
.admin-body .modal-content{position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5);}
.admin-body .modal-header{padding: 15px; border-bottom: 1px solid #eee;}
.admin-body .modal-header .close{margin-top: -2px;}
.admin-body .close:focus, .admin-body .close:hover{color: inherit; opacity: 1;}
.admin-body button.close{-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
.admin-body .close{float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2;}
.admin-body button{outline: none;}
.admin-body .modal-title{margin: 0; line-height: 1.42857143; font-size: 16px;}
.admin-body .modal-body{position: relative; padding: 15px;}
.admin-body .modal-footer{padding: 15px; text-align: center; border-top: 1px solid #eee;}
.admin-body .modal-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10400; background-color: #000;}
.admin-body .modal-backdrop.fade{filter: alpha(opacity=0); opacity: 0;}
.admin-body .modal-backdrop.in{filter: alpha(opacity=50); opacity: .5;}
.admin-body .modal-icon{text-align: center;}
.admin-body .modal-icon i{display: inline-block; width: 64px; height: 64px;}
.admin-body .modal-icon.success i{background: url(../images/success.png) no-repeat; background-size: 100%;}
.admin-body .modal-icon.error i{background: url(../images/error.png) no-repeat; background-size: 100%;}
.admin-body .modal-icon.warning i{background: url(../images/warning.png) no-repeat; background-size: 100%;}
.admin-body .modal-sm .modal-footer .btn{padding: 8px 20px;}
/*用户中心*/
.wrapper-content{padding: 15px 0;}
.page-ibox{margin-bottom: 15px; margin-top: 0; padding: 0;}
.page-ibox-title{background-color: #fff; border-top: 2px solid #e7eaec; color: inherit; margin-bottom: 0; padding: 10px 20px; min-height: 30px; line-height: 30px; position: relative;}
.page-ibox-title span{position: relative; padding-left: 10px; display: inline-block;}
.page-ibox-title span:after{position: absolute; content: ''; width: 2px; height: 100%; top: 0; left: 0; background: #00a7d8;}
.ibox-content{background: #fff; border-top: 1px solid #e7eaec; padding: 20px;}
.user-box-img{width: 128px; float: left;}
.user-box-img img{width: 100%; border-radius: 100%;}
.user-box-name{float: left; width: 300px; height: 128px; display: table; margin-left: 20px;}
.user-namebox{display: table-cell; vertical-align: middle;}
.user-box-cnt{float: right; width: calc(100% - 600px); margin-left: 20px; margin-top: 10px; padding-left: 25px;}
.user-box-cnt p{margin: 7px 0;}
.user-box-cnt i{margin-right: 3px; width: 30px; font-size: 18px; text-align: center;color: #3286C9;}
.user-box-cnt p:first-child i{font-size: 22px;}
.user-cnt-tit{font-size: 18px; font-weight: 600; padding: 0; margin-bottom: 5px; display: inline-block; border: 1px solid transparent; border-radius: 3px; position: relative; margin-right: 5px; height: 30px; line-height: 30px;color: #2898F1;}
.user-cnt-tit em{font-style: normal; min-width: 160px; display: inline-block; max-width: 235px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.user-cnt-tit i {display: none; width: 30px; height: 100%; vertical-align: top; background: #ddd; text-align: center; line-height: 30px; font-size: 15px; margin-left: 20px;}
.work-titlename:hover .user-cnt-tit {border: 1px solid #ddd; cursor: pointer; padding-left: 5px; color: #333;}
.work-titlename:hover i{display: inline-block;}
.btn-outline-secondary {border-color: #8897AA; background: transparent; color: #8897AA;}
.admin-body .btn.btn-sm{width: 30px; text-align: center; margin: -4px 0 0 0; font-size: 24px; padding: 0;}
.work-editform{display: none;}
.workedit_btn{position: absolute; right: -97px; bottom: 0; background: #f1f1f1; border: 1px solid rgba(24,28,33,0.1); border-left: 0; padding: 0 5px; z-index: 500; border-radius: 0 3px 3px 0; height: 30px;}
.work_editname.form-control{border-radius: 3px 0 0 3px; height: 30px; line-height: 30px; padding: 0 10px; width: 100%;}
.workedit_btn a{color: #999;}
.workedit_btn a:hover{color: #337ab7;}
.work_editname.form-control:focus{border-radius: 3px 0 0 3px;}
.user-cnt-item{padding: 10px 0; border-bottom: 1px dotted #ccc;}
.user-cnt-item.noboder{border: 0;}
.user-cnt-item span{display: inline-block; margin: 0 10px;}
.page-ibox-title .btn{padding: 0 20px; margin: 0 10px; font-size: 13px; letter-spacing: 1px;}
.enterprise-box-left{width: 60%; float: left;}
.enterprise-box-right{width: calc(40% - 40px); margin-left: 40px; float: right; font-size: 12px;}
.enterprise-box-left li{padding: 8px 0 20px; position: relative;}
.enterprise-box-left li label{display: inline-block; width: 120px; text-align: right; margin-right: 10px;}
.enterprise-box-left li input.form-control{width: calc(100% - 160px); max-width: 500px; display: inline-block;}
.form-control.disabled{background: #f1f1f1;}
.enterprise-logoimg{padding: 20px 40px; width: 230px; margin: 15px 0; border: 1px solid #dedede; border-radius: 2px; text-align: center;}
.enterprise-logoimg img{width: 230px; }
.product-box-left{width: calc(50% - 40px); float: left; margin-right: 40px;}
.product-box-left:last-child{margin-right: 0;}
.product-box-left li{padding: 8px 0 20px; position: relative;}
.product-box-left li label{display: inline-block; width: 120px; text-align: right; margin-right: 10px;}
.product-box-left li input.form-control{width: calc(100% - 160px); max-width: 500px; display: inline-block;}
.breadcrumb li strong{color: #5e7bda;}
.page-ibox-title .btn-cancel,.page-ibox-title .btn-sure{display: none;}
.page-ibox-title.on .btn-cancel, .page-ibox-title.on .btn-sure{display: inline-block;}
.page-ibox-title.on .btn-edit{display: none;}
.logoimg-upload{width: 300px; margin-bottom: 3px;}
.logoimg-upload a{display: inline-block; color: #00a7d8; }
.logoimg-upload:hover a{text-decoration: underline; cursor: pointer;}
.logoimg-upload .img-upload{position: absolute; top: 0; left: 0; width: 100px; height: 24px; opacity: 0; cursor: pointer;}
.form-errortxt{position: absolute; left: 135px; bottom: -2px; color: #ff0000; font-size: 13px;}
/*账号管理*/
.admin-tablebox{margin-top: 10px; min-width: 100%; overflow-x: auto;}
.tablebox-head{padding: 10px 5px; background: #fefefe; border: 1px solid #e7eaec; border-bottom: 0; border-radius: 2px 2px 0 0; min-width: 903px;}
.tablebox-cnt{min-width: 945px;}
.tab_pane .tablebox-cnt{min-width: 883px;}
.tablebox-headleft{float: left; width: calc(100% - 256px); margin-right: 10px; margin-top: -3px;}
.notop.tablebox-headleft{margin-top: 0;}
.tablebox-headleft li a{display: inline-block; margin: 0 10px 0 0;}
.tablebox-headleft li a.btn{font-size: 12px; padding: 7px 10px 6px;}
.tablebox-headleft li a.btn i{margin-right: 5px;}
.tablebox-headleft li{/*border-right: 1px dotted #ccc;*/ display: inline-block; padding: 0 10px 0 5px;}
.tablebox-headleft li:last-child{border: 0;}
.tablebox-headleft li label{margin: 0 10px 0 8px; line-height: 30px; display: inline-block;}
.tablebox-headleft li label:hover{cursor: pointer;}
.tablebox-headleft li input[type='radio']{vertical-align: -2px; margin-right: 3px;}
.tablebox-headleft li input[type='checkbox']{vertical-align: -2px; margin-right: 3px;}
.tablebox-search{float: right; position: relative;}
.tablebox-search i{position: absolute; right: 12px; top: 14px; font-size: 15px; color: #ccc;}
.tablebox-search .input-tabsearch{width: 220px; padding: 4px 12px; border-radius: 2px;}
.admin-body .table{width: 100%; border: 1px solid #e7eaec; border-spacing: 0; border-collapse: collapse; }
.admin-body table.table thead tr{background: #f5f5f5;}
.admin-body table.table thead th{position: relative;}
.admin-body table.table thead th .fa{display: none; position: absolute; right: 10px; top: 50%; margin-top: -7px; font-size: 10px; -webkit-transform:scale(0.8);}
.admin-body table.table thead th .fa.fa-sort{display: none;}
.admin-body table.table thead th .fa.fa-sort-up{display: none;}
.admin-body table.table thead th .fa.fa-sort-down{display: none;}
.admin-body table.table thead th.head .fa.fa-sort{display: inline-block;}
.admin-body table.table thead th.head.sorting-asc .fa.fa-sort{display: none;}
.admin-body table.table thead th.head.sorting-asc .fa.fa-sort-up{display: inline-block; }
.admin-body table.table thead th.head.sorting-desc .fa.fa-sort-down{display: inline-block; }
.admin-body table.table thead th.head.sorting-desc .fa.fa-sort{display: none; }
.admin-body table.table thead th .fa:hover{cursor: pointer;}
.admin-body table.table th{font-weight: 600; font-size: 13px; border-right: 1px solid #e7eaec; padding: 10px;}
.admin-body table.table th:last-child{border-right: 0;}
.admin-body table.table tr td{border: 1px solid #e7eaec; border-left: 0; border-bottom: 0; padding: 9px 10px; text-align: center; font-size: 12px;}
.admin-body table.table tr td:last-child{border-right: 0;}
.admin-body table.table tr:nth-child(2n){background: #f9f9f9;}
.admin-body .table-btn{text-align: center; display: block; padding: 0; height: auto; line-height: 1; min-width: 55px; border: none; color: #333; font-size: 14px; border-radius: 0; }
.admin-body .table-btn:hover{box-shadow: none;}
.admin-body .table-btn .btn{display: inline-block; padding: 2px 10px 0; height: 20px; line-height: 20px; min-width: 25px; margin: 2px; border: 1px solid #54b9d1; color: #54b9d1; text-decoration: none; font-size: 12px; border-radius: 2px;}
.admin-body .table-btn .btn.btn-edit{border: 1px solid #54b9d1; color: #54b9d1;}
.admin-body .table-btn .btn.btn-edit:hover{box-shadow: inset 0 -2px 0 0 #54b9d1;}
.admin-body .table-btn .btn.btn-enables{border: 1px solid #98a4b6; color: #98a4b6;}
.admin-body .table-btn .btn.btn-enables:hover{box-shadow: inset 0 -2px 0 0 #98a4b6;}
.admin-body .table-btn .btn.btn-add{border: 1px solid #57b89d; color: #57b89d;}
.admin-body .table-btn .btn.btn-add:hover{box-shadow: inset 0 -2px 0 0 #57b89d;}
.admin-body .table-btn .btn.btn-del{border: 1px solid #98a4b6; color: #98a4b6;}
.admin-body .table-btn .btn.btn-del:hover{box-shadow: inset 0 -2px 0 0 #98a4b6;}
.admin-body .foot-paging{text-align: center; margin: 30px 0 20px;}
.admin-body .foot-paging .pagination{display: inline-block;}
.admin-body .foot-paging .pagination li{float: left; margin: 0 3px;}
.admin-body .foot-paging .pagination li a{padding: 8px 16px; float: left; color: #000; text-decoration: none; background-color: #fff; border: 1px solid #dedede; border-radius: 3px;}
.admin-body .foot-paging .pagination li.disabled a{color: #c6cbd7;}
.admin-body .foot-paging .pagination li.disabled a:hover{color: #c6cbd7; cursor: default;}
.admin-body .foot-paging .pagination li.active a{color: #fff; background: #25292f;}
.admin-body .foot-paging .pagination li.active a:hover{color: #fff;}
.admin-body .foot-paging .pagination li a:hover{color: #999;}
.admin-body table.table tr td.tl{text-align: left;}
.account-dialog li{padding: 5px 0; float: left; width: calc(50% - 20px);margin: 0 10px; }
.account-dialog li label{display: inline-block; width: 70px; text-align: right; margin-right: 5px;}
.account-dialog li.widthauto{width: calc(100% - 20px); }
.account-input.form-control{width: 250px; display: inline-block;}
.account-gender{display: inline-block; line-height: 48px;}
.account-dialog .account-gender label{width: auto!important; text-align: left;margin-right: 30px;}
.account-gender label input{vertical-align: -1px; margin-right: 3px;}
.account-role{display: inline-block; line-height: 48px;}
.account-role span{display: inline-block; padding: 8px 20px; border: 1px solid #dedede; background: #ddd; color: #666; border-radius: 3px; line-height: 1;}
.account-role span.active{border: 1px solid #469CE4; background: #469CE4; color: #fff;}
.account-role span:hover{cursor: pointer; border: 1px solid #3889cc; background: #3889cc; color: #fff;}
.tablebox-head .tablebox-headleft .table-listcnt{width: auto;}
.tablebox-head .table-listcnt li{border:0;}
.tablebox-headleft.tablehead-tab li{border:0;}
.tablebox-headleft.tablehead-tab li a{padding-bottom: 2px; color: #333;}
.tablebox-headleft.tablehead-tab li a:hover{color: #ff6b0a;}
.tablebox-headleft.tablehead-tab li a.curr{padding-bottom: 0; color: #ff6b0a; border-bottom: 2px solid #ff6b0a; cursor: pointer;}
.tablebox-headleft.tablehead-tab li a span{margin: 0 2px;}
.warn-tipbox{position: absolute; top: 44px; left: 0; display: inline-block; padding: 5px 10px; width:80px;font-size: 12px; border:1px solid #ff0000; border-radius: 3px; color: #ff0000; background: #fff; text-align: center; z-index: 500;}
.user-bg-holder{position: absolute; width: 100%; min-height: 100%; background: url(../images/user-bg.jpg); top: 0; left: 0; background-size: cover; background-position: center; overflow: hidden; will-change: transform, opacity, filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-repeat: no-repeat; z-index: 0;}
.company-bg-holder{position: absolute; width: 100%; min-height: 100%; background: url(../images/company-bg.jpg); top: 0; left: 0; background-size: cover; background-position: center; overflow: hidden; will-change: transform, opacity, filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-repeat: no-repeat; z-index: 0;}
.avatar-profile{position: absolute; bottom: 0; left: 20px; display: inline-block; height: 10.5rem; width: 10.5rem; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%);}
.avatar-profile .userimg-thumbnail{width: 100%; padding: 0.25rem; background-color: #fff; border: 3px solid #fff; border-radius: 50% !important; -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; object-fit: cover;}
.min-vh-20{min-height: 20vh; margin: -20px -20px 4.5rem;}
/*企业合同*/
.admin-tab{margin-top: 10px;}
.admin-tab .tab-nav{border-bottom: 1px solid #e7eaec;}
.admin-tab .tab-nav li{display: inline-block; margin-right: 5px; min-width: 100px; height: 40px; line-height: 40px; padding: 0 20px; border: 1px solid #e7eaec; border-bottom: 0; border-radius: 5px 5px 0 0; text-align: center; }
.admin-tab .tab-nav li:hover{cursor: pointer; color: #57b89d;}
.admin-tab .tab-nav li.active{border-top:3px solid #57b89d;}
.admin-tab .tab-cnt{border:1px solid #e7eaec; border-top: 0; padding: 20px 30px;  }
.contract-title{font-size: 14px; margin: 10px 0;}
.tab_pane p{margin: 5px 0;}
.contract-maxwidth{max-width: 900px;}
.contract-head{padding-bottom: 20px; border-bottom: 1px dotted #ccc;}
.contract-cnt{padding-top: 10px;}
.offline-recharge{padding: 20px 30px; border: 1px solid #e7eaec; border-radius: 2px;}
.offline-recharge h3{font-size: 15px; margin: 0;}
.offline-process{padding: 10px 20px; margin-top: 10px; background: #ecfffa; color: #378c74; border-radius: 3px; border: 1px solid #57b89d;}
.offline-process span{margin: 0 10px;}
.offline-btn{margin: 20px 0; ;}
.offline-btnupload{position: relative; display: inline-block;}
.offline-btnupload .btn{margin: 0;}
.btn-upload{position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0;}
.offline-msgul{margin-top: 10px;}
.offline-msgul li{float: left; width: calc(50% - 30px); margin-right: 30px; max-width: 450px;}
.offline-msgul li:nth-child(2n){margin-right: 0;}
.offline-msgul li label{display: inline-block; width: 90px; text-align: right; margin-right: 10px;}
.offline-msgul li span{display: inline-block; vertical-align: top; width: calc(100% - 110px);}
.diaolog-textarea{width: calc(100% - 30px); height: 350px; margin-top: 15px;}
.contaract-pdf{display: block;}
.contaract-pdf img{width: 40px;}
.contaract-pdf span{vertical-align: 14px; margin-left: 5px;}
/*我的收藏*/
.collecte-btn .btn{font-size: 14px; padding: 7px 20px 6px;}
.collecte-btn .btn i{margin-right: 5px;}
.admin-body .tab-itembox li{position: relative; float: left; width: calc((100% - 268px)/4); margin: 20px 10px; padding: 25px; border: 1px solid #dedede; border-radius: 8px; background: #eef1f3; transition: all ease .5s;}
.admin-body .tab-itembox li:nth-child(4n){margin-right: 0;}
.admin-body .tab-itembox li:nth-child(4n+1){margin-left: 0;}
.admin-body .tab-itemicon{width: 120px; height: 120px; border-radius: 120px; background: #eee; padding: 8px; margin: 0 auto 20px;}
.admin-body .tab-itemicon span{display:inline-block; padding: 30px; width: calc(100% - 60px); height: calc(100% - 60px); border-radius: 100%; background: #54b9d1;}
.admin-body .tab-item-yellow .tab-itemicon span{background: #e6822a;}
.admin-body .tab-itemicon span img{width: 100%; transition: all ease .5s;}
.admin-body .tab-itembox li:hover{cursor: pointer;}
.admin-body .tab-itembox li:hover img{transform: rotate(360deg);}
.admin-body .server-itemtitle{font-size: 15px; text-align: center; font-weight: 600;}
.admin-body .server-itemtxt{font-size: 12px; text-align: center; height: 100px; overflow-y: hidden; color: #333; line-height: 1.8;}
.admin-body .server-del{position: absolute; display: inline-block; top: 10px; right: 10px; }
.admin-body .server-del i{font-size: 22px; color: #666;}
.admin-body .tab-itemhover{display: none; position: absolute; width: 100%; height: 100%; border-radius: 8px; background: rgba(255,255,255,0.8); z-index: 500; top: 0; left: 0;}
.admin-body .tab-itembox li:hover .tab-itemhover{display: block;}
.admin-body .tab-hoverbtn a{display: inline-block; border-radius: 3px; height: 26px; line-height: 26px; padding: 0 10px; text-decoration: none;}
.admin-body .tab-hoverbtn a.btn-heart{background: #dcdcdc; color: #b7b7b7;}
.admin-body .tab-hoverbtn a.btn-heart:hover{background: #ccc;}
.admin-body .tab-hoverbtn a.btn-addcart{background: #54b9d1; color: #fff; font-size: 12px; min-width: 80px; text-align: center;}
.admin-body .tab-hoverbtn a.btn-addcart:hover{background: #40a8c1;}
.admin-body .tab-searchicon{text-align: center; color: rgba(213,221,223,0.8); position: absolute; width: 50px; height: 50px; top: 30%; left: 50%; margin-top: -25px; margin-left: -25px;}
.admin-body .tab-searchicon i.icon-search{display: inline-block; width: 50px; height: 50px; background: url(../images/search-icon.png) no-repeat; background-size: 100%;}
.admin-body .tab-hoverbtn{position: absolute; bottom: 15px; right: 15px; text-align: right;}
.admin-body .btn-tip{display: none; position: absolute; top: -30px; left: -13px; min-width: 48px; text-align: center; font-size: 12px; padding: 0 10px; height: 22px; line-height: 22px; color: #fff; background: #000; border-radius: 3px;}
.admin-body .btn-tip:after{position: absolute; top: 14px; left: 50%; transform: translate(-50%, 8px); content: " "; border-width: 6px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent;}
.admin-body .tab-hoverbtn a.btn-heart:hover .btn-tip{display: inline-block;}
.admin-body .tab-hoverbtn a.btn-heart.active{color: #ff0000}
.admin-body .tab-itemlink{display: block; text-decoration: none; color: #333; width: 100%; height: 100%;}
.admin-body .tab-item-yellow .tab-hoverbtn a.btn-addcart{background: #e6822a; color: #fff; font-size: 12px; min-width: 80px; text-align: center;}
.admin-body .tab-item-yellow .tab-hoverbtn a.btn-addcart:hover{background: #d4792a;}
/*我的消息*/
.admin-body .message-boxright{float: right;}
.admin-body .message-boxright .btn-msg{padding: 6px 25px; margin-top: 1px;}
.admin-body .message-boxright .tablebox-search{float: none; display: inline-block; vertical-align: top;}
.admin-body .date-download-box{margin-bottom: 30px; margin-top: 0;}
.admin-body .date-download-box li{position: relative; padding: 0 5px; margin: 10px; }
.admin-body .date-download-box li:hover{cursor: pointer;}
.admin-body .date-download-box li .btn-close{position: absolute; right: 15px; top: 18px; color: #0c5460; font-size: 12px;}
.admin-body .date-download-box li .btn-close:hover{cursor: pointer; color: #aaa;}
.admin-body .download-item{padding: 8px 20px; border: 1px solid #d1ecf1; border-radius: 3px; color: #333;}
.admin-body .date-download-box li .download-item{background: #f7fcfd;}
.admin-body .download-itemtit{line-height: 30px; display: inline-block;width: calc(100% - 200px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: top;}
.admin-body .download-item span i.icon-circle{display: inline-block; margin-right: 5px; width: 6px; height: 6px; border-radius: 6px; background: #999; vertical-align: 1px;}
.admin-body .download-itemleft{float: right; font-size: 12px; line-height: 30px;}
/*.admin-body .download-itemleft span{margin-right: 30px;}*/
.admin-body .download-itemleft span i{font-size: 12px; margin-right: 3px; vertical-align: 1px;}
.admin-body .download-itemleft i{font-size: 18px; vertical-align: -2px;}
.admin-body .date-download-box li .fa-angle-double-up{display: none;}
.admin-body .date-download-box li.on .fa-angle-double-up{display: inline-block;}
.admin-body .date-download-box li.on .fa-angle-double-down{display: none;}
.admin-body .download-item-more{display: none; font-size: 12px; line-height: 2;}
.admin-body .download-item-more p{text-indent: 25px; padding: 15px 30px;}
.admin-body .date-download-box li.on .download-item-more{display: block; background: #f7fcfd;border: 1px solid #d1ecf1; color: #333; border-top: 0; border-radius: 0 0 3px 3px;}
.admin-body .message-time{position: absolute; right: 50px; top:9px; font-size: 12px;}
.admin-body .date-download-box li .fa-bookmark{color: #00c1ff; vertical-align: -5px;}
.admin-body .date-download-box li.readed .download-itemtit{color: #666;}
.admin-body .date-download-box li.on .download-item{border-bottom: 1px dotted #73aeb7; border-radius: 3px 3px 0 0;}
.admin-body .date-download-box li.readed .download-item{border: 1px solid #dedede; background: #fefefe;}   
.admin-body .date-download-box li.readed .btn-close{color: #333;}
.admin-body .date-download-box li.readed .fa-bookmark{display: none;}  
.admin-body .admin-messagebox .fa-volume-down{vertical-align: -5px; margin-left: 10px;}
.admin-body .admin-messagebox .download-itemleft i:hover{opacity: 0.85;}
.admin-body .admin-messagebox.serverbox-questionitem .panel-heading a{font-weight: 500;}
.admin-body .admin-messagebox .problem-itemcnt p{text-indent: 25px;}
.admin-body .admin-messagebox.noreaded .fa-volume-down{display: none;}
.admin-body .admin-messagebox.noreaded .download-itemtit{padding-left: 23px; }
.admin-body .admin-messagebox.noreaded .panel-heading a{color: #666;}
.admin-body .serverbox-questionbox{padding-bottom: 10px;position: relative;}
.admin-body .serverbox-questionitem{padding: 5px 15px;}
.admin-body .serverbox-questionitem:hover{cursor: pointer;}
.admin-body .serverbox-questionitem .panel-heading{position: relative; background: #ebebeb; border-radius: 4px;}
.admin-body .serverbox-questionitem .panel-heading a{font-weight: 600; color: #333; text-decoration: none;font-size: 13px; display: block; padding: 9px 15px 8px 30px;}
.admin-body .serverbox-questionitem .collapse{display: none;}
.admin-body .serverbox-questionitem .collapse.in{display: block;}
.admin-body .serverbox-questionitem .questionitem-panelul li.problem-trialitem{padding: 15px;}
.admin-body .serverbox-questionitem .questionitem-panelul .problem-trialitem .problem-icon{width: 28px; height: 28px;}
.admin-body .serverbox-questionitem .questionitem-panelul .problem-itemcnt h3{margin-top: 4px; font-weight: 500;}
.admin-body .serverbox-questionitem .questionitem-panelul li:last-child.problem-trialitem{border-bottom: 0;}
.admin-body .serverbox-questionitem .panel-heading .panel-title:before{position: absolute; display: block; font-family: "FontAwesome"; content:"\f146"; color: #51aeb9; top: 57%; left: 14px; margin-top: -12px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
.admin-body .serverbox-questionitem .panel-heading .panel-title.collapsed:before{position: absolute; display: block; font-family: "FontAwesome"; content:"\f0fe"; color: #51aeb9; top: 57%; left: 14px; margin-top: -12px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s;}
.admin-body .serverbox-questionitem .questionitem-panelul li.problem-auther{padding: 15px 15px 0 26px; font-size: 12px;color: #a9a9a9;}
.admin-body .serverbox-questionitem .unread-head .download-itemtit{font-weight: 600;}
.admin-body .serverbox-questionitem .unread-head::before{display: inline-block; width:6px;height:6px;background:#4395ff;border-radius: 50%;top:20px;left:5px;position: absolute; content: " ";}

/*我的反馈*/
.feedback-box{margin-bottom: 30px;}
.feedback-box li{margin: 8px 0; border: 1px solid #e7eaec; border-radius: 3px; padding: 15px 25px; width: calc(100% - 50px);}
.feedback-time{float: right; font-size: 12px;}
.feedback-time i{vertical-align: 1px; margin-right: 3px;}
.feedback-ask{margin-bottom: 10px; max-width: 950px;}
.feedback-ask i{color: #54b9d1; font-size: 22px; margin-right: 10px; vertical-align: -6px;}
.feedback-answer{margin-left: 60px; max-width: 950px;}
.feedback-answer i{color: #54b8d1; font-size: 20px; vertical-align: 15px;}
/*我的积分*/
.tablebox-head-integral{padding: 10px 20px; background: #f5f5f5; border: 1px solid #e7eaec; border-radius: 2px 2px 0 0; min-width: 903px; margin-bottom: 10px;}
.tablebox-headitem{width: 160px; float: left; height: 50px; border-right: 1px dotted #ccc; padding: 5px 15px; margin: 10px;}
.tablebox-headitem .desc{font-size: 15px; height: 24px; line-height: 24px; margin-bottom: 5px; color: #555; font-weight: 700;}
.tablebox-headitem .point{font-size: 36px; height: 30px; line-height: 30px; font-weight: 600; color: #54b9d1;}
.tablebox-headitem .point.c_green{color: #57b89d;}
/*个人设置*/
.admin-body .personal-form{margin: 30px; width: 480px;}
.admin-body .input-lg.input-left{width: 60%; float: left;}
.admin-body .input-right{display:inline-block; width: calc(40% - 36px); margin-left: 10px;}
.admin-body .input-right img{width: 100%; height: 42px;}
.admin-body .input-right .phone-msg{display:inline-block; width: calc(100% - 10px); height: 42px; line-height: 42px; padding: 0 5px; background: #00acac; color: #fff; border-radius: 3px; font-size: 13px; text-align: center; }
.admin-body .input-right .phone-msg:hover{text-decoration: none; background: #008a8a;}
.admin-body .form-label{font-size: 13px; width: 70px; text-align: right; margin-right: 10px; height: 48px; line-height: 48px; float: left;}
.admin-body .form-span{float: left; width: calc(100% - 80px); height: 48px; line-height: 48px;}
.admin-body .login-buttons a:hover{text-decoration: none;}
.admin-body .login-buttons .btn{display: block; width: 100%; padding: 10px 35px; color: #fff; }
.admin-body .personal-form .form-label{display: inline-block; width: 100px; text-align: right; margin-right: 5px; line-height: 48px;}
.admin-body .personal-form .form-right{display: inline-block; height: 48px; vertical-align: top; width: calc(100% - 120px);}
.admin-body .input-group{position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.admin-body .input-item{display: flex; flex-wrap: wrap; align-items: stretch; width: 49%; position: relative;}
.admin-body .input-group .input-item:first-child{margin-right: 2%;}
.admin-body .input-group-prepend{display: flex; margin-right:-1px;}
.admin-body .input-group-text{display: flex; align-items: center; padding: 3px 15px ; font-size: 13px; font-weight: 400; line-height: 1.5; color: #4F5467; text-align: center; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 2px;}
.admin-body .personal-form .form-control{position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; height: 28px;}
.admin-body .form-control.is-invalid{border-color: #f62d51;}
.admin-body .form-control.is-invalid~.invalid-feedback{display: block;}
.admin-body .invalid-feedback{display: none; width: 100%; margin-top: 2px; font-size: 12px; color: #f62d51; position: absolute; left: 0; top: 45px;}
.admin-body .form-control.is-invalid:focus{border-color: #f62d51; box-shadow: 0 0 0 0.2rem rgba(246,45,81,.25);}
.admin-body .input-iconcheck{display: none; position: absolute; right: 10px; top:12px; font-size: 14px;}
.admin-body .is-invalid~.input-iconcheck{display: block;}
.admin-body .input-iconcheck.is-invalid{color: #f62d51;}
.admin-body .input-iconcheck.captcha-iconcheck{right: calc(40% - 18px);}
.admin-body .personal-form .form-group{padding-bottom: 20px;}
.admin-body .personal-form .input-txt{vertical-align: top; line-height: 48px;}
.admin-body .personal-form .input-group.radio-group label{line-height: 48px; margin-right: 30px;}
.admin-body .personal-form .input-group.radio-group label input[type='radio']{vertical-align: -1px; margin-right: 3px;}
.span-required{color: #ff0000; margin-left: 3px; line-height: 48px; vertical-align: top;}
/*资金池管理*/
.tablebox-tabhead{min-width: 945px; margin-bottom: 15px;}
.capital-head{padding: 10px 20px 20px;}
.capital-head .bigred{display: inline-block; font-size: 36px;}
.capital-head span.ml100{margin-left: 100px;}
.capital-head .btn{margin: 0;}
.tablebox-head .table-list{border-bottom: 1px dotted #ddd; padding: 6px 0;}
.tablebox-head .table-list:last-child{border: 0;}
.tablebox-head .table-listitle{display: inline-block; width: 50px; text-align: right; margin-right: 5px; height: 37px; line-height: 37px; font-weight: 600;}
.tablebox-head .table-listcnt{display: inline-block; vertical-align: top; width: calc(100% - 65px);}
.tablebox-head .table-listcnt li{padding: 5px; min-width: 50px; margin: 5px 2px; float: left; font-size: 12px; border-radius: 3px; text-align: center;}
.tablebox-head .table-listcnt li:hover{color: #00a7d8; cursor: pointer;}
.tablebox-head .table-listcnt li.active{background: #00a7d8; color: #fff;}
.capital-item{display: inline-block;}
.td1-title{color: #474e5d; font-weight: 700; font-size: 16px;}
.td1-price{margin-top: 10px; font-weight: 700; font-size: 24px; font-family: Tahoma; line-height: 1.2;  color: #ff0000;}
.btn-recharge{margin-top: 10px!important;}
.capital-account{display: inline-block; margin-left: 150px;}  
.tabui-listbox li{float: left; position: relative; width: 100px; height: 34px; line-height: 34px; z-index: 10; cursor: pointer; text-align: center;}
.tabui-listbox li a{color: #666;}
.tabui-listbox li a:hover{color: #54b9d1;}
.tabui-listbox li.active a{color: #54b9d1;}
.tabui-line{position: absolute; top: 0; right: 0; color: #ced4e0; font-size: 13px;}
.uiselect-listBox-line{position: relative; height: 2px; overflow: hidden; background-color: #ced4e0;}
.uiselect-listBox-l-blue{position: absolute; top: 0; width: 0; height: 100%; background-color: #54b9d1;}
.table-timelist{position: absolute; right: 10px; top: 5px;}
.table-timelist li{float: left; margin: 0 20px; font-size: 13px;}
.table-timelist li a{color: #333;}
.table-timelist li a:hover{color: #54b9d1;}
.table-timelist li.active a{color: #54b9d1;}
/*企业购物车*/
.cart-settlement{border: 1px solid #e7eaec; border-top: 0; padding: 10px 20px; min-width: 903px; background: #efefef;}
.cart-allinput{float: left; display: inline-block; width: 80px; text-align: left; line-height: 41px;}
.cart-allinput:hover{cursor: pointer;}
.cart-allinput input{vertical-align: -2px; margin-right: 3px;}
.cart-right{float: right; width: calc(100% - 80px); text-align: right;}
.cart-right span{margin: 0 20px;}
.cart-right .btn{margin: 0;}
/*企业订单*/
.admin-body .tablebox-cnt .tr-th{background: #f5f5f5; overflow: hidden;}
.admin-body .tablebox-cnt .sep-row{height: 20px;}
.admin-body .tablebox-cnt .tr-th-split td{border-bottom: none; text-align: left;}
.admin-body .table-order .dealtime{font-size: 12px; margin-right: 30px; line-height: 22px;}
.admin-body .table-order .number{font-size: 12px; margin-right: 30px; line-height: 22px;}
.admin-body .table-order .number a{color: #54b8d1;}
.admin-body .table-order .number a:hover{text-decoration: underline;}
.admin-body .table-order span.order-del{font-size: 16px; line-height: 22px; color: #666;}
.admin-body .table-order span.order-del:hover{color: #aaa; cursor: pointer;}
.admin-body .table-order .goods-item{width: 340px; margin-right: 74px; display: block; float: left;}
.admin-body .table-order .goods-item .p-img{float: left; width: 60px; height: 60px; border: 1px solid #efefef; margin: 0 14px; display: inline; overflow: hidden;}
.admin-body .table-order .goods-item .p-msg{width: 240px; float: left;}
.admin-body .table-order .goods-item .p-name{height: 36px; line-height: 18px; overflow: hidden; color: #333; text-align: left;}
.admin-body .table-order .goods-item .p-name a{color: #333;}
.admin-body .table-order .goods-item .p-name a:hover{color: #54b8d1;}
.admin-body .table-order .goods-item .p-extra{color: #999; text-align: left; margin-top: 10px;}
.admin-body .table-order .order-state{margin-bottom: 3px;}
.admin-body .table-order .order-link{color: #333;}
.admin-body .table-order .order-link:hover{color: #54b8d1;}
.admin-body .order-state.state-wait{color: #ff0000;}
.admin-body .order-state.state-cancel{color: #aaa;}
.admin-body .table-order .order-pay{margin-bottom: 3px;}
.admin-body .dialog-tit{font-size: 15px; position: relative; text-align: center;}
.admin-body .dialog-tit:after{position: absolute; content: ''; border-top: 1px solid #dedede; top:10px; left: 20%; width: 60%;}
.admin-body .dialog-tit span{position: relative; display: inline-block; padding: 0 20px; background: #fff; z-index: 200; }
.admin-body .download-tips{max-width: 60%; margin: 20px auto;}
.admin-body .download-tips p{margin: 5px 0;}
.admin-body .download-table table{max-height: 300px; overflow-y: auto;}
.admin-body .download-mgr{margin: 30px 0;}
.admin-body .tablebox-headleft.tablehead-tab.order-headtop{margin-top: 11px;}
/*结算*/
table.table.settle-table tr:nth-child(2n){background: transparent;}
table.table.settle-table tr td:first-child{background: #f9f9f9;}
table.table.settle-table tr td:last-child{text-align: left;}
table.table.settle-table tr td p{line-height: 26px;}
.settle-table-foot{padding: 15px; border: 1px solid #efefef; border-top: 0; color: #ff0000;}
.settle-table-foot i{margin-right: 5px;}
.settle-table-pay{margin-top: 20px; text-align: right;}
.settle-payinput{display: inline-block; margin-right: 30px;}
.settle-payinput .form-control{width: 250px; display: inline-block; padding: 2px 12px;}
.btn.btn-settlement{border-radius: 0; margin: -10px -20px -10px 0; height: 41px; line-height: 41px; padding: 10px 50px;}
/*积分商城*/
.mall-screen li{display: inline-block; margin: 0 2px; padding: 0 15px; height: 28px; line-height: 28px; border: 1px solid #efefef; }
.mall-screen li.active{background: #54b9d1; color: #fff;}
.mall-screen li:hover{color: #54b9d1; border: 1px solid #54b9d1; cursor: pointer;}
.mall-screen li.active:hover{color: #fff;}
.server-itemall{color: #ff0000; margin: 10px 0; text-align: center; font-weight: 600;}
.mall-btn{text-align: center;}
.mall-btn a.btn-addcart{display: inline-block; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 10px; margin-top: 10px; text-decoration: none;background: #54b9d1; color: #fff; font-size: 13px; min-width: 80px; text-align: center;}
.mall-btn a.btn-addcart:hover{background: #40a8c1;}
/*确认订单*/
.admin-body .confirm-order-foot{padding: 20px; border: 1px solid #efefef; border-top: 0;}
.admin-body .confirm-order-msg{border-bottom: 1px dotted #ccc; padding-bottom: 20px; }
.admin-body .confirm-order-msg textarea{max-width: 550px; display: inline-block; height: 55px; vertical-align: top; font-size: 12px;}
.admin-body .order-paynum{font-weight: 600; text-align: right; margin-top: 20px;}
.admin-body .pay-num{font-size: 16px; margin: 0 5px; color: #ff0000;}
.admin-body .order-paybtn{margin-top: 20px; text-align: right;}

/*订单详情*/
.table-nametd{width: 180px; background: #f5f5f5; text-align: center;}
table.table.table-orderdetail tr:nth-child(2n){background: #fff;}
table.table.table-orderdetail td{text-align: left;}
table.table.table-orderdetail td p{margin: 5px 0;}
table.table.table-orderdetail td a{color: #54b8d1;}
table.table.table-orderdetail td a:hover{text-decoration: underline;}

/*下载*/
.admin-download{margin-bottom: 20px; min-width: 498px;}
.admin-download li{padding: 5px 0;}
.admin-download li label{display: inline-block; width: 100px; font-weight: 600; text-align: right; margin-right: 5px;}
.admin-download li span{display: inline-block; width: calc(100% - 110px); vertical-align: top;}
.download-tipbox{margin: 20px 30px; min-width: 438px;}
.download-tipbox p{line-height: 1.8;}
.download-tiptitle{position: relative; margin: 30px 0;}
.download-tiptit{position: relative; font-size: 14px; text-align: center; width: 180px; background: #fff; z-index: 1; margin: 0 auto;}
.download-tiptitle:after{position: absolute; content: ''; width: 100%; height: 1px; background: #dedede; top: 10px; left: 0;}
.download-boxcnt .tablebox-cnt{min-width: 500px;}
.tablebox-cnt .download-tiptitle{margin: 30px;}
.download-tablebox{max-height: 220px; overflow-y: auto; min-width: 500px;}
.download-boxbtn{margin: 20px 0; text-align: center;}
.avatar-profile:hover{cursor: pointer;}
.avatar-profile:hover:after{position: absolute; content: '修改头像'; width: 100%; height: 100%; line-height: 180px; background: rgba(0,0,0,0.5); border-radius: 50%; padding: 0; left: 6px; top: 6px; color: #fff; text-align: center;}
.update-btn{position: relative; margin: 5px 0 0;}
.update-btn input[type='file']{position: absolute; left: 0; top:0; width: 100%; height: 100%; opacity: 0;}
.update-imgbox img{width: 100%;}
.admin-tab .tab-cnt.upload-imgtab{padding: 20px;}
.update-imgbox{width: 430px; height: 432px; float: left; margin-right: 15px; background: #f2f2f5;}
.docs-preview{float: right; width: calc(100% - 445px); background: #f2f2f5;}
.docs-preview p{margin: 5px 0 10px;}
.img-preview{margin: 0 auto;}
.preview-lg{width: 150px; height: 150px; border-radius: 100%; overflow: hidden;}
.preview-md{width: 100px; height: 100px; border-radius: 100%; overflow: hidden;}
.preview-sm{width: 50px; height: 50px; border-radius: 100%; overflow: hidden;}
.upload-imgtxt{font-size: 13px; margin-left: 10px;}
.online-imgbox li{margin: 10px; width: calc((100% - 96px)/4); height: 132.5px; float: left; border: 2px solid transparent;}
.online-imgbox li:hover{border: 2px solid #54b9d1; cursor: pointer;}
.online-imgbox li img{width: 100%;}
.thumbnail-userimg{border-radius: 50%;}
.thumbnail-userbox{width: 60px; height: 60px;}
.thumbnail-userbox:hover{cursor: pointer;}
.thumbnail-userbox:hover:after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); border-radius: 50%; padding: 0; left: 0; top: 0; color: #fff; text-align: center;}
.fa-camera{position: absolute; top:18px; left: 18px; font-size: 24px; color: #000; display: none;}
.thumbnail-userbox:hover .fa-camera{display: inline-block;}
.tailoring-content-three .btn{padding: 3px 0 5px 6px;}
.avatar-profile .fa-camera{display: none;}
.avatar-profile:hover .fa-camera{display: inline-block; text-align: center; font-size: 36px; color: #000; position: absolute; top: 42px; left: 55px;}
.admin-body label.form-label.label-lineheight{line-height: 60px;}
.trail-applytxt.trail-dashborder{padding: 15px 0 25px 0; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}
.trail-applytxt.trail-dashborder .needsclick i{font-size: 28px;}
.trail-applytxt.trail-dashborder .note.needsclick{font-size: 12px; margin-top: 3px;}
.trail-applytxt.trail-dashborder .apply-file-upload{padding: 7px 0;}
.trail-applytxt.trail-dashborder .sk-circle{width: 30px; height: 30px;}
@media (max-width: 1600px){
	.admin-body .tab-itembox li{position: relative; float: left; width: calc((100% - 188px)/4); margin: 10px; padding: 15px;}
	.admin-body .enterprise-logoimg{width: 265px;}
}
@media (max-width: 1280px){
	.admin-body .dialog-tit:after{position: absolute; content: ''; border-top: 1px solid #dedede; top:10px; left: 10px; width: calc(100% - 10px);}
	.admin-body .download-tips{max-width: 100%; margin: 20px auto;}
}
@media (max-width: 1000px){
	.admin-body .navbar-form-custom{display: none;}
	.admin-body .welcome-message{display: none;}
	.admin-body .enterprise-box-left{float: none; width: 100%;}
	.admin-body .enterprise-box-right{float: none; width: 100%; margin-left: 0;}
	.admin-body .product-box-left{float: none; width: 100%;}
	.admin-body .enterprise-box-left li label{display: inline-block; width: 80px; text-align: right; margin-right: 10px;}
	.admin-body .enterprise-box-left li input.form-control{width: calc(100% - 120px); max-width: 500px; display: inline-block;}
	.admin-body .product-box-left li label{display: inline-block; width: 80px; text-align: right; margin-right: 10px;}
	.admin-body .product-box-left li input.form-control{width: calc(100% - 120px); max-width: 500px; display: inline-block;}
	.admin-body .user-box-cnt{float: none; width: calc(100% - 10px); padding-left: 10px; margin-top: 153px; margin-left: 0;}
	.admin-body .enterprise-logoimg{width: calc(100% - 40px); padding: 20px;}
	.admin-body .enterprise-logoimg img{width: 100%;}
	.admin-body .tablebox-search .input-tabsearch{width: 200px;}
	.admin-body .tablebox-head .table-listcnt li{min-width: 35px;}
	.admin-body .tablebox-headleft{width: calc(100% - 252px);}
}

@media (min-width: 768px){
	.admin-body .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts{margin-left: auto;}
	.admin-body .modal-dialog{width: 600px; margin: 30px auto;}
	.admin-body .modal-content{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5);}
	.admin-body .modal-sm{width: 300px;}
	
}
@media (min-width: 1280px){
	.admin-body .modal-big{width: 900px;}
}
@media (max-width: 768px){
	.admin-body .personal-form{margin: 0; width: 100%;}
	.admin-body .personal-form .form-label{display: none;}
	.admin-body .personal-form .form-right{display: block; height: 48px; vertical-align: top; width: 100%; max-width: 350px;}
	.admin-body .capital-item{display: block;}
	.admin-body span.capital-item.ml100{margin-left: 0;}
	.admin-body .capital-head .btn{float: none!important; margin-top: 10px;}
	.admin-body .user-box-name{width: 100px;}
	.admin-body .capital-account{display: block; margin-left: 0; margin-top: 20px;}
	.admin-body .navbar-static-side{display: none; z-index: 2001; position: absolute; width: 70px;}
	.admin-body.mini-navbar .navbar-static-side{display: block;}
	.admin-body .page-wrapper{margin: 0; padding: 0 10px 0 10px; width: calc(100% - 20px); float: none;}
	.admin-body .display-flex{width: 100%; position: static;}
	.admin-body.mini-navbar .display-flex{width: 100%; position: static;}
	.admin-body .user-box-img{width: 100px;}
	.admin-body .enterprise-box-left li label,.product-box-left li label{width: 100%; text-align: left; margin-bottom:3px; display: block;}
	.admin-body .enterprise-box-left li input.form-control,.product-box-left li input.form-control{display: block; width: calc(100% - 24px);}
	.admin-body .offline-msgul li{width: 100%; margin: 0; float: none;}
	.admin-body .tab-itembox li {width: calc(100% - 50px);float: none;}
	.admin-body .tab-itembox li:nth-child(4n+1){margin-left: 10px;}

}
@media (max-width: 560px){
	.admin-body .admin-tab .tab-nav li{padding: 0 10px;}
	.admin-body .message-boxright .btn-msg{margin-bottom: 10px;}
}
@media (min-width: 1200px){
	.reset-modal-content .modal-lg{width: auto;max-width: 900px;}
	.reset-modal-content .modal-xl{width: auto;max-width: 1100px;}
	.reset-modal-content .account-dialog li>label{width:100px;}
}
.core-text{color:#ff4317;display: inline-block;margin-left: 10px;}
.danger-color{color:#ff0000;}
.success-color{color:#57b89d;}
.admin-body .list-change-status{width:120px;height: 44px;}
.admin-body .none{display: none;}
.package-box{border: 1px solid #e7eaec;padding:20px;}
.package-tables{width:100%;height: 100%;position: relative;}
.package-r{width:160px;position: absolute;top:50%;right:0;margin-top:-35px;padding-left: 20px;}
.package-l{width: calc(100% - 200px);border-right: 1px solid #e7eaec;padding-right: 20px;}
.package-title{font-size: 16px;font-weight: 600;margin-bottom: 10px;color:#666;}
.package-center-btn{text-align: center;cursor: pointer;}
.package-center-btn i,.package-center-btn span{display:block;}
.package-center-btn i{font-size: 40px;margin-bottom: 10px;}
.package-center-btn span{font-weight: 600;}
.package-tit-text{line-height: 1.8;color:#333;}
.package-tit-text span{color: #f30;}
.package-product{margin-top: 10px;}
.package-product img{height: auto;margin-right: 20px;}
.package-product-time{display: inline-block;padding-top: 10px;}
.package-product-time span{display: block;margin-bottom: 5px;color: #e61a0f; font-weight: 600;}
.package-product-time span i{margin-right: 5px;font-size: 12px;vertical-align: 1px;}
.package-tips{margin-top: 10px;color: #999;line-height: 1.5;font-size: 14px;}
.package-list-tab{margin-top: 20px;}
.package-tablebox-search{margin-bottom: 10px;}
.package-tablebox-search .tablebox-search{margin-right: 0px;}
.package-tablebox-tips{display: block;float:left;line-height: 44px;color: #666;}
.tablebox-head-points{padding: 0 0 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.tablebox-head-points .package-headitem{float: left;margin:0 50px 0 0;overflow: hidden;}
.tablebox-head-points .package-headitem span{display:inline-block;float: left;line-height: 37px;}
.tablebox-head-points .package-headitem span:first-child{color:#666;}
.tablebox-head-points .package-headitem span:last-child{margin-left:10px;}
.tablebox-head-points .package-headitem .tt-size{font-size: 18px;color:#f63;font-weight: 600;}
.tablebox-head-points .package-headitem .tt-blue{font-size: 24px;color:#09f;font-weight: 600;}
.admin-tablebox .tablebox-head-points .btn-ll a{height: 35px;line-height: 35px;padding:0 15px;margin-left: 10px;cursor: pointer;font-size: 14px;}
.table-vip-tips{color:#f00;font-size: 13px;font-weight: 600;display: inline-block;margin-left: 30px;}
.table-vip-tips i{font-style: normal;}
.package-tablebox-search .sel-change-item select{float:left;margin-right: 10px;width:150px;height: 44px;}
.vip-time{padding: 0 0 20px;border-bottom: 1px solid #e7eaec;margin-bottom: 20px;}
.vip-time-name{margin-bottom: 6px;color:#666;font-size: 16px;}
.vip-time-text{font-size: 13px;color:#999;}
.vip-road{border-bottom: 1px solid #e7eaec;padding-bottom: 10px;}
.vip-road-tt{font-size: 16px;color: #666;}
.vip-road-bg{background:rgb(239,246,255);padding:10px;margin-bottom: 10px;}
.vip-road-bg span{color:rgb(123,123,123);display: inline-block;margin:0 10px;font-size: 14px;color:#666;}
.vip-people-detail{margin-bottom: 50px;}
.vip-people-detail span{display: inline-block;font-size: 14px;color:#666;margin-right: 30px;}
.reset-my-ibox-content .tab-cnt{padding: 20px 10px;}
.product-message{font-size: 13px;display: block;margin-bottom: 10px;color:#333;}
.problem-itemcnt .product-btn{font-size: 14px;color:#54b8d1;}
.problem-itemcnt .product-btn a span{display: inline-block;margin: 0 5px;vertical-align: 1px;}
.problem-itemcnt .product-btn .btn{height: 24px;}
.problem-itemcnt .product-btn.table-btn{text-align: left;}
.todo-result{margin-top:10px;font-size: 14px;padding-left: 2px;color:#ff5d34;}
.replay-message,.replay-content{padding:10px 20px;}
.replay-pp{font-size: 12px;color:#999;margin-bottom: 10px;}
.replay-pp span{display: inline-block;margin-left: 30px;}
.replay-mm{color:#666;}
.replay-bb{color:#999;padding:8px 5px;border:1px solid #ccc;background:#f2f2f2;margin-bottom: 10px;width: 300px;}
.replay-content-tit{font-size: 14px;color:#999;margin-bottom: 10px;font-weight: 600;}
.replay-content-area textarea{width:100%;height: 150px;border: 1px solid #e7eaec;margin-bottom: 15px;}
.replay-content-item span{color:#333;display: inline-block;margin-right: 30px;cursor: pointer;overflow: hidden;}
.replay-content-item span:first-child i{display: inline-block;margin-right: 5px;font-size: 16px;}
.replay-content-item span:last-child label{display:inline-block;margin-left: 5px;float: left;cursor: pointer;}
.replay-content-item span:last-child input{margin-top:1px;cursor: pointer;}
.reset-upload-content .table-btn{text-align: left;width: 190px;}
.sel-change-item .btn{margin:0 10px 0 0;height: 44px}
.verify-content{padding: 0 30px;}
.verify-tit{font-size: 15px;color:#333;margin: 5px 0px 20px;}
.verify-text{font-size: 13px;color:#888;line-height: 1.5;}
.verify-tit span.name{font-weight: 600;color:rgb(47,75,157);}
.dropzone .dz-text, .dropzone-container .dz-text{font-weight: normal!important;color:#6e8aaf;}
.icon-color{color:#6e8aaf;font-size: 40px;}
.hover-color:hover .icon-color{color:#54abd9;}
.dropzone .dz-preview .dz-image, .dropzone-container .dz-preview .dz-image{width:100px;height: 100px;}
.dropzone .dz-message, .dropzone-container .dz-message{margin: 1.5em 0;}
/*.dropzone .dz-error-message{display: none!important;}*/
.upload-road-main{padding-bottom: 30px;}
.upload-road-main .tab-cnt{padding:20px 10px;}
.info-grid-lists{width: 100%;border: 1px solid #e7eaec;border-bottom: none;}
.info-grid-lists>li{border-bottom: 1px solid #e7eaec;height: auto;background: rgb(244,244,244);position: relative;}
.info-grid-tit{width:170px;padding: 0 20px 0 10px;text-align: right;position: absolute;top: 50%;margin-top:-9px;left: 0;color:#333;}
.info-grid-tit span{display: inline-block;margin-right: 5px;}
.info-grid-detail{float:right;width: calc(100% - 231px);height:auto;padding: 10px 10px 10px 20px;border-left: 1px solid #e7eaec;background: #fff;color: #666;}

.add-list-btn{width:100%;height: auto;border: 1px solid #e7eaec;padding:10px;box-sizing:border-box;}
.add-outline-primary{padding: 4px 7px;text-align: center;margin: 4px 2px;color: #459ce4;border: 1px solid #459ce4;display: inline-block;font-weight: 400;vertical-align: middle;line-height: 1.5;border-radius: 0.25rem;text-decoration: none;}
.add-outline-primary:hover{color: #80bbec;background-color: #FFF;border-color: #6eb3ec;}
.btnspan-num {display: inline-block;padding-left: 6px;border-left: 1px dotted #20a8d8; margin-left: 7px;text-align: center;}
.add-outline-primary:hover .btnspan-num { border-left: 1px dotted #80bbec;}

.add-outline-btn{width:70px;padding: 0px 7px 3px 7px;text-align: center;margin: 10px 2px;color: #2f353a;border: 1px solid #2f353a;display: inline-block;font-weight: 400;vertical-align: middle;line-height: 1.5;border-radius: 0.25rem;}
.add-outline-btn i{font-size: 16px;    margin: 4px;}
.add-outline-btn:hover {color: #7a8086;background-color: #fff;border-color: #a0a4a7;}
.w-info-grid-select{width: 200px;border:1px solid #e7eaec;}
.info-grid-length-in input[type="text"]{width: 60%;border:1px solid #e7eaec;display: inline-block;height: 22px;margin-right: 10px;font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif !important;}
.info-grid-length-in textarea{width: 60%;border:1px solid #e7eaec;display: inline-block;height: 70px;margin-right: 10px;}
.info-grid-length-in label{color:#999;}
.h-arae-main{line-height: 76px;}
.range-line,.range-line-layout{margin-bottom: 10px;}
.range-line-layout label{display:inline-block;width:120px;margin-right: 5px;text-align: right; position: relative;}
.range-line-layout select{display: inline-block;width: 150px;margin-right: 5px;border:1px solid #e7eaec;color:#666;}
.range-line-layout select.ww-sel{width: 80px;}
.range-line-layout >button{display: inline-block;height: 34px}
.range-line-list-btn{width:calc(100% - 128px);margin-left: 128px;}
.range-line-judge{display:inline-block;width:22px;height: 22px;border-radius: 50%;text-align: center;line-height: 22px;font-size: 13px;margin-right: 5px;}
.reset-modal-content .modal-xl .modal-body{max-height: 680px;overflow-y:auto;}
.ww-input{width:calc(100% - 26px);border:1px solid #e7eaec;display: inline-block;height: 20px;}
.info-grid-footer{padding: 10px 10px;margin-top: 20px;text-align: left;border:1px solid #e7eaec;}
.info-grid-footer .btn{margin-right: 5px;}
.admin-body .table-btn .btn.btn-success{border: 1px solid #57b89d; color: #57b89d;}
.admin-body .table-btn .btn.btn-success:hover{box-shadow: inset 0 -2px 0 0 #57b89d;}
.admin-body .c_gray{color: #ccc;}
.content-null{padding:50px 0 30px;text-align: center;}
.content-null img{display: block;margin: 0 auto 10px;}

.reset-feedback-box li{padding:15px;width: 100%;box-sizing:border-box;}
.feedback-line{padding-bottom: 15px;border-bottom: 1px dotted #E4E4E4;}
.feedback-line .feedback-ask{font-size: 14px;color:#333;font-weight: 600;}
.feedback-line .feedback-ask span{display: inline-block;width: calc(100% - 50px);margin-left: 4px;word-wrap:break-word;}
.feedback-line .feedback-ask i{vertical-align: -3px;}
.feedback-line .feedback-answer{margin-left: 0;}
.feedback-line .feedback-answer span{display: inline-block;margin-left: 14px;padding-top:4px;color: #666;font-size: 13px;width: calc(100% - 40px);word-wrap:break-word;}
.feedback-line-two{overflow: hidden;text-overflow:ellipsis;display: -webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.feedback-line-more{display: inline-block;margin:10px 0 0;text-align: center;width: 100%;font-size: 12px;}
.feedback-line-more b{font-size: 17px;vertical-align: -1px;}
.feedback-coryright{font-size: 12px;color:#999;padding-top:15px;}
.feedback-coryright p{width:auto;margin-left: 34px;}
.feedback-coryright span{margin-right:4px;}
.reset-my-ibox-content .serverbox-questionitem{padding: 5px 0;}

.cog-btndialog{display: none; border-radius: 3px; border: 1px solid #dedede; position: absolute; top: 34px; z-index: 30; background: #fff;}
.cog-btndialog .group-select{padding:10px 10px 5px;}
.cog-btndialog:before{position: absolute; content: ''; width: 0; height: 0; z-index: 2;}
.cog-btndialog:after{position: absolute; content: '';width: 0; height: 0; }
.cog-arrow-up{right: -163px;}
.cog-arrow-up:before{top: -5px;left: 11px;border-bottom: 6px solid #fff;border-right: 6px solid transparent; border-left: 6px solid transparent; }
.cog-arrow-up:after{top: -7px;left: 11px;border-bottom: 7px solid #dedede; border-right: 6px solid transparent; border-left: 6px solid transparent;}
.cog-arrow-left{right: -256px;}
.cog-arrow-left:before{left: -5px;top:50%;margin-top:-5px;border-bottom: 6px solid transparent;border-top: 6px solid transparent;border-right: 6px solid #fff; }
.cog-arrow-left:after{left: -7px;top:50%;margin-top:-6px;border-bottom: 7px solid transparent;border-top: 7px solid transparent;border-right: 7px solid #dedede;}

.cog-btndialog .form-control{width: 200px; border-radius: 0; font-size: 12px;height: 22px;}
.cog-btndialog .form-control:focus{box-shadow: none;}
.cog-input-selct{max-height: 220px; overflow-y: auto;}
.cog-btndialog .input-name-select{position: absolute; z-index: 10; top:36px; width:224px; height:auto; max-height: 200px; overflow-y:auto; border:1px solid #e4e7ea; border-top:none; -webkit-box-shadow: 1px 1px 3px #ededed; background: #fff;}
.cog-btndialog .input-name-select li{color: #333; height: 24px; line-height: 24px; font-size: 12px; padding:0 5px; margin: 0; text-align: left;}
.cog-btndialog .input-name-select li:hover{cursor: pointer; background: #e9e9e9;}
.cog-btndialog .input-name-select.on{display:block;}

.cog-input-selct p{color: #333; text-align: left; padding: 5px 10px;}
.cog-input-selct p:hover{background: #f5f5f5; cursor: pointer;}
.cog-input-selct p span{margin-right: 15px; display: inline-block; width: 40px;}
.cog-input-selct p span i{font-size: 12px; vertical-align: 1px; margin-right: 3px;color: #8a8a8a;}
.cog-del-icon{margin-top: 1px; font-size: 12px; margin-right: 5px;color: #8a8a8a;}
.cog-input-selct p.active{color:#20a8d8;font-weight: 600;}

.info-grid-detail .btn-group .btn{margin:0;border: 1px solid #e4e7ea;height: 34px;padding: 6px 20px;}
.info-grid-detail .dropdown-menu{
	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0.125rem 0 0;
    font-size: 0.875rem;
    color: #23282c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c8ced3;
    border-radius: 0.25rem;
    transform: scale(1);
    box-shadow: none;
}
.info-grid-detail .dropdown-menu.show {
  display: block;
  top:33px;left: 0;
}

.search-lists .multiselect-container label.checkbox{color: #5c6873!important;}
.search-lists .multiselect-container{width:198px;border: 1px solid #e4e7ea;margin-top: 1px;padding-top:0;}
.search-lists .search-more-people .multiselect-container{width: 200px;}
.search-lists .dropdown-menu>li{padding-left:5px;}
.search-lists .dropdown-menu>li:not(.filter):hover{background: rgba(228,231,234,0.5)!important;color:#fff}
.multiselect-selected-text{
   font-size:14!important;
   color: #666;
   width:100%;
   float: left;
   text-align: left;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}
.search-lists .multiselect-container .multiselect-item.multiselect-all{margin-bottom: 0;}
.search-lists .multiselect-container .multiselect-item.filter{border-bottom: 1px solid #e4e7ea;padding-top:8px;padding-left: 0px!important;background: rgb(247,247,247);}
.search-lists .multiselect-container .multiselect-item.filter input{border:none;outline: none!important;width: calc(100% - 50px);color:#5c6873;background: rgb(247,247,247);}
.search-lists .multiselect-container .multiselect-item a.multiselect-all{padding-left:7px!important;}
.search-lists .multiselect-container .multiselect-group ~ li:not(.multiselect-group) a{padding-left:7px!important;}
.search-lists .multiselect-container .input-group{margin-bottom: 6px!important;}
.search-lists .multiselect-container>li>a>label>input[type=checkbox] {margin: 3px 5px 0 0;position: static!important;}
.search-lists .dropdown-toggle::after{position: absolute;content: '';width: 0;height: 0;top:13px;right: 10px;bottom: -0;border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 6px solid #5c6873;}
.search-lists .btn-group{display: inline-block;position: relative;vertical-align: -4px;}
.search-lists .multiselect-item.multiselect-group{display: none;}
.search-lists .dropdown-menu>li:not(.dropdown-item)>a:not(.dropdown-item) {
	box-sizing:border-box;
    display: block;
    clear: both;
    padding: .438rem 1.25rem;
    width: 100%;
    border: 0;
    background: none;
    color: rgba(255,255,255,.85)!important;
    text-align: inherit;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1.54;
}
.input-group-btn{display: none;}
.search-lists .input-group-sm > .input-group-prepend > .input-group-text{border:none;background: none;padding: 0.25rem 0.6rem;}
.search-lists .input-group-sm > .input-group-prepend > .input-group-text i {font-size: 1.2rem;color:#b3b3b3}
.search-lists .btn-default {
     color: #666; 
     background-color: #fff; 
     border-color: #98a4b6; 
}
.search-lists .btn-default:hover {
    background: #fff;
}
.search-lists .multiselect-container>li>a>label{width: 100%;text-align: left;font-size: 14px;color:#666;}
.admin-body .navbar-user a {
    text-decoration: none;
    color: #adc8df;
}

.reset-account-gender{height: 30px;}
.mask-modal-table .tablebox-cnt{min-width: 100%;}
.admin-body .table-in-href a:hover{text-decoration: underline;}
/*popover*/
.popover {
  position: absolute;
  bottom:18px;
  left: 50%;
  margin-left: -100px;
  z-index: 1060;
  display: block;
  width: 200px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  background: #fff;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
  left:50%;
  margin-left: -7px;
  background: #fff;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.popover.top{
  margin-bottom: 0.5rem;
}

.popover.top > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.popover.top > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.popover.top > .arrow::after{
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.popover-body {
  padding: 0.6rem 0.75rem 0.5rem;
  color: #23282c;
  text-align: left;
}
.popover.active{display: none;}
.popover-box{cursor: pointer;}
.popover-box:hover .popover.active{display: block;}
.mask-bg{width:86px;height:30px;position: absolute;top:20px;left: 12px;z-index: 10;background: rgba(255,255,255,.5);}
.select-file-btn{padding:8px 15px;color:#666;border:1px solid #e7eaec;border-radius: 3px;position: relative;display: inline-block;background: #f8f8f8;}
.select-file-btn input[type='file']{width: 100%;height: 100%;position: absolute;top:0;left: 0;opacity: 0;cursor: pointer;}
.account-change-btn a.btn{height: 24px;line-height: 24px;padding:10px 30px;margin:0 2px 0 0;}
.account-change-btn a.btn i{margin-right: 3px;vertical-align: 0px;}
/*.company-content label{line-height: 34px;float: left;}
.company-main{display: inline-block;width:calc(100% - 125px);}
.company-main select,.company-main input{float:left;}*/
.tab_no_padding_box .tab-cnt{padding:0;}
.tab_add_padding_box{padding:20px 10px;}
.tab_no_padding_box .trumbowyg-box{margin:0 auto;border:none;}
.company-main{border:none;padding:0;}
.upload-input{position: absolute;opacity: 0;width: 100%;height: 100%;top: 0;left: 0;cursor: pointer;}
.load-icon{animation: animateIcon linear 1s infinite; -webkit-animation: animateIcon linear 1s infinite; -moz-animation: animateIcon linear 1s infinite; -ms-animation: animateIcon linear 1s infinite;}
@keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
@-webkit-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
@moz-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
@ms-keyframes animateIcon{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(180deg);}
}
.range-line-layout label em{font-style: normal; padding: 3px 10px; background: #aaa; border-radius: 5px; color: #fff; position: absolute; left: -12px; top: 0px;}
.replay-imagesbox{margin-top: 10px;}
.replay-imagesbox li{display: inline-block; width: auto!important; border: 0; border-radius: 0; margin: 0; padding: 0; vertical-align: top; height: 80px; margin-right: 10px;}
.replay-imagesbox li img{height: 100%; cursor: zoom-in;}
.feedback-answer.mt10{margin-top: 10px!important;}
.replay-imagesbox.ml35{margin-left: 35px;}
.admin-body .feedback-coryright .btn {display: inline-block; padding: 2px 10px 0; height: 20px; line-height: 20px; min-width: 25px; margin: 2px; border: 1px solid #54b9d1; color: #54b9d1; text-decoration: none; font-size: 12px; border-radius: 2px;}
.admin-body .feedback-coryright .btn:hover {box-shadow: inset 0 -2px 0 0 #54b9d1;}
.feedback-coryright p{line-height: 24px;}